layui.use(['layer', 'element', 'laytpl', 'form', 'jquery'], function() {
	//引入模块
	var layer = layui.layer,
		element = layui.element,
		form = layui.form,
		laytpl = layui.laytpl,
		$ = layui.jquery;
	form.render();

	//载入时加载首页
	//$('#body').load('home.html')
	//系统首页点击事件
	$('#home').click(function() {
		$("#frame").attr("src", "home.html");
	})
	//会员列表点击事件
	$('#viplist').click(function() {
		$("#frame").attr("src", "member.html");
	})
	//产品管理点击事件点击事件
	$('#productm').click(function() {
		$("#frame").attr("src", "pmanagement.html");
	})
	//分类管理点击事件
	$('#classificationm').click(function() {
		$("#frame").attr("src", "pclassification.html");
	})
	//关于点击事件
	$('#about').click(function() {
		//一个公告层
		layer.open({
			type: 1,
			title: false //不显示标题栏
				,
			closeBtn: false,
			area: '300px;',
			shade: 0.8,
			id: 'LAY_layuipro' //设定一个id，防止重复弹出
				,
			resize: false,
			btn: ['关闭'],
			btnAlign: 'c',
			moveType: 1 //拖拽模式，0或者1
				,
			content: '<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">商城管理系统<br>于2021年开发，苦苦奋战半个月之久才结束战斗，然而并没有达到预期效果。<br>我们此后的征途是星辰大海 ^_^</div>'
		});
	})
	//订单管理点击事件
	$('#roder_m').click(function() {
		$("#frame").attr("src", "orderm.html");
	})

	//商城数据分析点击事件
	$('#scdatafx').click(function() {
		$("#frame").attr("src", "orderi.html");
	})

	//订单信息点击事件
	$('#order_xx').click(function() {
		$("#frame").attr("src", "orderxx.html");
	})
	//管理员列表点击事件
	$('#admin_m').click(function() {
		$("#frame").attr("src", "adminm.html");
	})
	//跳转页面
	function tz() {
		window.location.replace('admin_login.html');
	}
	//退出系统点击事件
	$('#signout').click(function() {
		//执行删除服务器token
		if (localStorage.set != null) {
			$.ajax({
				url: "http://localhost:8080/sc/admin?type=del",
				async: true, //异步
				type: "POST",
				headers: {
					"token": localStorage.token
				},
				success: function(data) {
					//删除token set
					delete localStorage.token;
					delete localStorage.set;
					layer.msg('退出成功')
					setTimeout(tz, 1000);
				}
			});
		}
	})
	//修改信息点击事件
	$('#personal').click(function() {
		//$('#body').load('home.html')
		//拉取信息
		$.ajax({
			url: "http://localhost:8080/sc/admin?type=modify",
			async: true, //异步
			type: "POST",
			headers: {
				"token": localStorage.token
			},
			success: function(data) {
				var mail = data.mail;
				var username = data.username;
				var password = data.password;
				var sex = data.sex;
				var name = data.name;
				//设置属性
				$("#username").val(username); //账号
				$("#name").val(name); //名字
				$("#password").val(password); //密码
				if (sex == '女') {
					$("[value=女]").prop("checked", true); //性别
				} else {
					$("[value=男]").prop("checked", true); //性别
				}

				form.render();
				$("#email").val(mail); //邮箱
			}
		});
		//弹出窗口
		layer.open({
			type: 1,
			area: ['600px', '400px'],
			title: '修改个人信息',
			content: $("#modify"),
			shade: 0,
			btn: ['修改'],
			btn1: function(index, layero) {
				$('#tj').click();
			},
			cancel: function(layero, index) {
				layer.closeAll();
			}
		});
	});
	//表单监听
	form.on('submit(tj)', function(data) {
		//layer.msg(JSON.stringify(data.field));
		var loading = layer.load(1, {
			shade: [0.5, '#bcbcbc'] //0.1透明度的白色背景
		});
		$.ajax({
			url: "http://localhost:8080/sc/admin?type=modifyadmin",
			async: true, //异步
			type: "POST",
			data: data.field, //拿到表单数据
			headers: {
				"token": localStorage.token
			},
			success: function(data) {
				//关闭加载窗口
				layer.close(loading);
				if (data.code == 'true') {
					layer.msg('修改成功');
					setTimeout(function() { //延迟关闭
						layer.closeAll();
						location.reload(true);
					}, 1000);
				} else {
					layer.msg('修改失败');
				}
			}
		})
		return false; //一定要有这个玩意儿不然不会执行ajax
	});
});
